<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>思维果</title>
  </head>

  <body>
    <%= require('html-loader!@/component/header.html') %>
    <main role="main" class="about-view">
      <!--轮播图-->
      <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
        </ol> -->
        <div class="carousel-inner">          
          <div class="carousel-item active">
            <img
              class="first-slide"
              alt="First slide"
              src=<%= require('../../imgs/swiper/banner_01.png') %>
            />
            <div class="container">
              <div class="banner-contianer">
                <div class="banner-ipt-wrap">
                  <div class="price">
                    <span class="old">698元</span><span class="now">9.9元</span
                    ><span class="desc">/2节</span>
                  </div>
                  <div class="title">编程试听课</div>
                  <div class="ipt">
                    <span></span
                    ><input
                      type="text"
                      placeholder="请输入您的手机号码"
                      maxlength="11"
                      name="mobile"
                    />
                  </div>
                  <div class="submit-btn">立即领取</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <a
          class="carousel-control-prev"
          href="#myCarousel"
          role="button"
          data-slide="prev"
        >
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">prev</span>
        </a>
        <a
          class="carousel-control-next"
          href="#myCarousel"
          role="button"
          data-slide="next"
        >
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">next</span>
        </a>
      </div>
      <!-- 学编程的好处 -->
      <div class="container-fluid about_01-section">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon about_01-ico"></span>
            <p class="project_head-title">
              思维果少儿编程体验中心
            </p>
            <p class="project_head-tip">历时3年精细打造的少儿编程培训品牌</p>
            <p class="project_head-txt">
              思维果少儿编程课程体系由国内最资深的STEAM教研团队匠心研制
            </p>
          </div>
        </div>
      </div>
      <div class="container-fluid about_02-section">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon about_02-ico"></span>
            <p class="project_head-title">
              创想世界 · 乐享未来
            </p>
          </div>
          <div class="about_cart-content">
            
            <div class="about-cart cart1">
              <div class="card-face card-front"></div>
              <div class="card-face card-back">创造世界上的无限可能back</div>
            </div>
            <div class="about-cart cart2">
              <div class="card-face card-front"></div>
              <div class="card-face card-back">想象源于对这个世界<br />本质的认识back</div>
            </div>
            <div class="about-cart cart3">
              <div class="card-face card-front"></div>
              <div class="card-face card-back"> 乐趣是学习的原动力，<br />玩中学，乐中学back</div>
            </div>
            <div class="about-cart cart4">
              <div class="card-face card-front"></div>
              <div class="card-face card-back"> 学会分享，<br />亦是收获未来back</div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid about_03-section">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon about_03-ico"></span>
            <p class="project_head-title">
              思维果的愿景
            </p>
            <p class="project_head-tip">
              成为值得信赖的青少儿编程教育品牌
            </p>
            <p class="project_head-txt">
              我们深信教育是需要长时间沉淀的，我们深知中国青少儿教育的短板，
            </p>
            <p class="project_head-txt">
              我们扎根土壤，持续搜索培育优秀下一代的方法论。
            </p>
          </div>
        </div>
      </div>
      <!-- 课程特色 -->
      <div class="container-fluid project-section">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon head-coding"></span>
            <p class="project_head-title">
              学编程首选思维果少儿编程
            </p>
            <p class="project_head-tip">我们更懂中国青少儿教育</p>
          </div>
          <div class="web_section-list">
            <div class="web-section web_section-lt">
              <span class="web-num">01</span>
              <img src=<%= require('../../imgs/intro-01.gif') %> class="intro-imgs default" alt="" />
              <img
                src=<%= require('../../imgs/intro-1-1.png') %>
                class="intro-imgs  intro-1-1"
                style="display: none;"
                alt=""
              />
              <img
                src=<%= require('../../imgs/intro-1-2.png') %>
                class="intro-imgs  intro-1-2"
                style="display: none;"
                alt=""
              />
              <div class="intro-content anim6">
                <p class="intro-tl">采用美国MIT<br />创造性思维培养理论</p>
                <div class="intro-list">
                  <div class="intro-item open" data-img="intro-1-1">
                    <div class="intro_item-tl">创造性学习螺旋</div>
                    <div class="intro_item-content c-content">
                      从想象引导进入主题 基于想象创建思维模型
                      以游戏性的互动和浸入式的场景开展项目的学习
                      分享成功，分享作品，分享知识 反思、总结学习的心得
                      然后再投入到新的学习中去，进入下一个创造性学习螺旋模型。
                    </div>
                  </div>
                  <div class="intro-item" data-img="intro-1-2">
                    <div class="intro_item-tl">4P教学法</div>
                    <div class="intro_item-content c-content">
                      通过项目制的课程设置，打造PBL教学模式
                      结识积极正向的学习同伴，营造良好的学习氛围
                      游戏中学习，玩耍中学习，在做中学习 点燃孩子的学习热情。
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="web-section web_section-rt">
              <span class="web-num">02</span>
              <!-- anim7 -->
              <img
                src=<%= require('../../imgs/intro-02.gif') %>
                class="intro-imgs  default"
                alt=""
              />
              <img
                src=<%= require('../../imgs/intro-2-1.png') %>
                class="intro-imgs  intro-2-1"
                style="display: none;"
                alt=""
              />
              <img
                src=<%= require('../../imgs/intro-2-2.png') %>
                class="intro-imgs  intro-2-2"
                style="display: none;"
                alt=""
              />
              <div class="intro-content anim8">
                <p class="intro-tl">10+年K12行业教学经验沉淀</p>
                <div class="intro-list">
                  <div class="intro-item open" data-img="intro-2-1">
                    <div class="intro_item-tl">国内首批steam教育践行者</div>
                    <div class="intro_item-content c-content">
                      2015年，教育部首次正式提出要发展STEAM教育并下发了红头文件，思维果研发团队积累十余年一线教学经验，深刻认识到当下教育的缺失，即刻行动，参与到青少儿STEAM教育建设中，成为第一批践行者。
                    </div>
                  </div>
                  <div class="intro-item" data-img="intro-2-2">
                    <div class="intro_item-tl">
                      深耕青少儿教育，不向资本妥协
                    </div>
                    <div class="intro_item-content c-content">
                      短短5年时间里，我们服务了10000余个家庭，启发引导孩子通过不断地独立思考获得自我认同与内在成长，我们的专业得到业界认可，曾婉拒了多家投资机构抛来的橄榄枝。
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="web-section web_section-lt">
              <span class="web-num">03</span>
              <!-- anim9 -->
              <img
                src=<%= require('../../imgs/intro-03.gif') %>
                class="intro-imgs  default"
                alt=""
              />
              <img
                src=<%= require('../../imgs/intro-3-1.png') %>
                class="intro-imgs  intro-3-1"
                style="display: none;"
                alt=""
              />
              <img
                src=<%= require('../../imgs/intro-3-2.png') %>
                class="intro-imgs  intro-3-2"
                style="display: none;"
                alt=""
              />
              <img
                src=<%= require('../../imgs/intro-3-3.png') %>
                class="intro-imgs  intro-3-3"
                style="display: none;"
                alt=""
              />
              <div class="intro-content anim10">
                <p class="intro-tl">自主开发的课程研发系统&面授系统</p>
                <div class="intro-list">
                  <div class="intro-item open" data-img="intro-3-1">
                    <div class="intro_item-tl">保护企业公有课程知识产权</div>
                    <div class="intro_item-content c-content">
                      思维果全体系课程均由思维果研发中心自主研发，为保证孩子学到的是最优，也是最具含金量的课程，公司自主开发课程研发系统，采用分支管理、教研分离、内网访问、数字水印等方式保障课件安全。
                    </div>
                  </div>
                  <div class="intro-item" data-img="intro-3-2">
                    <div class="intro_item-tl">保障异地协同研发效率</div>
                    <div class="intro_item-content c-content">
                      先进的版本控制技术，保障了思维果产品研发的效率和质量，在疫情期间，研发中心采取线上会议和异地开发的方式，实现了高效的居家办公，仅在此期间更新课件版本达4000余次。
                    </div>
                  </div>
                  <div class="intro-item" data-img="intro-3-3">
                    <div class="intro_item-tl">
                      校区独立机房保证现场授课质量
                    </div>
                    <div class="intro_item-content c-content">
                      思维果每个校区均设置了先进的服务器组，作为数据中枢，为校区现场教学服务，孩子的学习行为通过大数据进行收集，为课程研发迭代提供策略和方向。
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="web-section web_section-rt">
              <span class="web-num">04</span>
              <!-- anim11  -->
              <img
                src=<%= require('../../imgs/intro-04.gif') %>
                class="intro-imgs  default"
                alt=""
              />
              <img
                src=<%= require('../../imgs/intro-4-1.png') %>
                class="intro-imgs  intro-4-1"
                style="display: none;"
                alt=""
              />
              <img
                src=<%= require('../../imgs/intro-4-2.png') %>
                class="intro-imgs  intro-4-2"
                style="display: none;"
                alt=""
              />
              <div class="intro-content anim12">
                <p class="intro-tl">独特的现场面授教学设计</p>
                <div class="intro-list">
                  <div class="intro-item open " data-img="intro-4-1">
                    <div class="intro_item-tl">适度的保护性排错</div>
                    <div class="intro_item-content c-content">
                      教学中通过预设的错误陷阱，让孩子碰到问题，并引导其展开思考，解决问题，从根本上理解正确方法之所以正确的原因。保护性的控制每节课错误陷阱出现的次数和深度，训练孩子独立解决问题的能力同时，保障孩子的兴趣。
                    </div>
                  </div>
                  <div class="intro-item" data-img="intro-4-2">
                    <div class="intro_item-tl">丰富的不插电游戏</div>
                    <div class="intro_item-content c-content">
                      脱离电子屏幕，以不插电的游戏、实验、操作等方式，通过对现象的解读，理解程序语言的内在逻辑，提升孩子的逻辑思维，达到触类旁通的学习效果，同时缓解孩子面对电子产品的用眼疲劳，达到保护视力的作用。
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 学校环境 -->
      <div class="container-fluid about_05-section">
        <div class="container">
          <div class="project-head">
            <span class="project_head-icon about_05-ico"></span>
            <p class="project_head-title">
              学校环境
            </p>
          </div>
          <div class="about_studdent-imgs">
            <div class="about_studdent-item">
              <div class="about-big">
                <img src=<%= require('../../imgs/about/about01.png') %>>
              </div>
              <div class="about-small">
                <img src=<%= require('../../imgs/about/about02.png') %>>
                <img src=<%= require('../../imgs/about/about03.png') %>>
              </div>
            </div>
            <div class="about_studdent-item">
              <div class="about-big">
                <img src=<%= require('../../imgs/about/about01.png') %>>
              </div>
              <div class="about-small">
                <img src=<%= require('../../imgs/about/about02.png') %>>
                <img src=<%= require('../../imgs/about/about03.png') %>>
              </div>
            </div>
          </div>
        </div>
      </div>
      <%= require('html-loader!@/component/footer.html') %>
    </main>
  </body>
</html>
